<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" id="txt1" placeholder="请输入小数">
    <button id="btn1">保留三位小数</button>
    <input type="text" id="txt2"><br>
    <!-- <input type="text" id="txt31" value="12">+<input type="text" id="txt32" value="12"><button
        id="btn3">=</button><input type="text" id="txt33"><br> -->
    <input type="text" id="num1">
    <select id="select">
        <option>+</option>
        <option>-</option>
        <option>*</option>
        <option>/</option>
        <option>%</option>
    </select>
    <input type="text" id="num2"><button id="btn2">=</button><input type="text" id="num3">
</body>

</html>
<script>
    //    2，判断类型（要区分出整形和浮点型）
    var num1 = 12132.151;
    function isInt(num) {
        return typeof num === 'number' && num % 1 === 0;
    }
    // 首先我们通过isNaN来转化num的值，若为字符串的数字，将隐式转换为数字，在通过对1取模，若余数为0，则不存在小数点的情况，若余数不为0，则num不为整数，当然也不为int类型。
    function isFloat(num) {
        return num === +num && num !== (num | 0)
    }
    // 首先，我们将num转为正数，再次比较其值，在将其转化为boolean来比较，最后返回是否是浮点型数据
    console.log(isInt(num1));
    console.log(isFloat(num1));
    // parseInt(num) == num;


    console.log("--------------------------------------------");
    // 整形就是整数
    // 浮点型就是小数

    //    3，为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？
    var fighttime = 89;
    var day = 0, hour = 0;
    day = parseInt(89 / 24);
    hour = 89 % 24;
    console.log("战士连续作战" + fighttime + "小时,共" + day + "天" + hour + "小时");
    console.log("--------------------------------------------");

    //    4，小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。
    // 提示：摄氏度与华氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)
    var F = 80;//华氏温度
    var T = 0;//摄氏温度
    var T = parseFloat(5 / 9.0 * (F - 32)).toFixed(2);
    console.log(F + "华氏度对应的摄氏度为" + T + "°c");

    //    5，给定一个数，把它保留3位小数，百度搜索：toFixed()。

    var btn = document.getElementById("btn1");
    btn.onclick = function () {
        var num2 = document.getElementById("txt1").value;
        var num3 = parseFloat(num2).toFixed(3);
        document.getElementById("txt2").value = num3;
    }

    //    6，var k=0; alert(k++ + k +k +k); 结果是？
    //                      0     1  1  1  --->  3

    //    7、0.2+0.3==0.5 的结果是true还是false
    //             true

    //    8，扩展：使用文本框和按钮实现加减乘除、求余五种运算;
    //加
    var oBtn = document.getElementById("btn2");
    oBtn.onclick = function () {
        var oTxt1 = document.getElementById("num1");
        var oTxt2 = document.getElementById("num2");
        var oTxt3 = document.getElementById("num3");
        var op = document.getElementById("select").value;
        console.log(op);
        switch (op) {
            case "+":
                oTxt3.value = (oTxt1.value) / 1 + (oTxt2.value) / 1;
                break;
            case "-":
                oTxt3.value = (oTxt1.value) / 1 - (oTxt2.value) / 1;
                break;
            case "*":
                oTxt3.value = (oTxt1.value) / 1 * (oTxt2.value) / 1;
                break;
            case "/":
                oTxt3.value = (oTxt1.value) / 1 / (oTxt2.value) / 1;
                break;
            case "%":
                oTxt3.value = (oTxt1.value) / 1 % (oTxt2.value) / 1;
                break;
        }
    }


    // 要求： 1）使用parseInt方法类型转换。
    //        2）计算结果使用Math.round方法四舍五入
    // 注：文本框取到的value值是字符串类型，需要转成数字
</script>